 <template>

  <div class="shop">
    <section class="descript_header horizontal-view">
        <a class="descript_top">
          <section class="descript_left">
            <img src="https://fuss10.elemecdn.com/8/86/afa35b3d9b211e991aebea111ada9jpeg.jpeg">
          </section>
          <section class="descript_right">
            <h4 class="description_title ">
            <span></span>过火烤肉拌饭（三元桥店）</h4>
            <p class="description_text">商家配送／32分钟送达／配送费¥5</p>
            <p class="description_promotion ellipsis">
            <span></span>公告："大型连锁品牌旗下餐饮品牌所有食材均为当天采购，现烤现做，鲜、香、酥、脆味道独特，给你的生活带来无限遐想，快快快快下单吧！"</p>
          </section>
          <span></span>
        </a>
        <!-- <footer class="description_footer">
          <p>
            <span>新</span>
            <span>新用户下单立减17.0元(不与其它活动同享)（APP专享）</span>
          </p>
          <p class="">2个活动</p>
        </footer> -->
    </section>
    <div class="goods">
      <div class="menu-wrapper">
       <ul>
         <li v-for="item in goods">
           <span class="text menu-item">
             <span class="text">
               <span v-show="item.type>0" class="icon" :class="classMap[item.type]">
               </span>
                {{item.name}}
              </span>
           </span>
         </li>
       </ul>
      </div> 
      <div class="foods-wrapper"></div>
    </div>
  </div>
</template>

<script>
  const ERR_OK = 'ok';
  export default {
    props: {
      seller: {
        type: Object
      }
    },
    data () {
      return {
        goods: []
      };
    },
    created () {
      this.classMap = ['decrease', 'discount', 'special', 'invoice', 'guarantee'];
      this.$http.get('/api/goods').then(function (response) {
        response === response.data;
        if (response.data.errno === ERR_OK) {
          this.goods = response.data.data;
        }
      }.bind(this));
    }
  };
</script>

<style lang="less">
  @import "../../css/utils.less";
  @import "../../css/shop.less";
</style>
